<script setup>
import { ref } from 'vue';
const columns = ref([
  { title: "序号", dataIndex: "index", width: 40, colspan: 2 },
  { title: "姓名", dataIndex: "name", width: 120 },
  { title: "年龄", dataIndex: "age", width: 50 },
  { title: "日记", dataIndex: "riji", width: 200 },
  { title: "备注", dataIndex: "note", width: 200 },
  
  { title: "姓名", dataIndex: "name", width: 120 },
  { title: "年龄", dataIndex: "age", width: 50 },
  { title: "日记", dataIndex: "riji", width: 200 },
  { title: "备注", dataIndex: "note", width: 200 },

  { title: "姓名", dataIndex: "name", width: 120 },
  { title: "年龄", dataIndex: "age", width: 50 },
  { title: "日记", dataIndex: "riji", width: 200 },
  { title: "备注", dataIndex: "note", width: 200 }
])
const dataSource = ref([
  { index: 1, name: "花仙子", age: 32, riji: '关于二十届三中全会决定的说明', note: '-'},
  { index: 1, name: "探知了", age: 12, riji: '京ICP证030173号', note: '-'},
  { index: 1, name: "花仙子", age: 32, riji: '关于二十届三中全会决定的说明', note: '-'},
  { index: 1, name: "探知了", age: 12, riji: '京ICP证030173号', note: '-'},
  { index: 1, name: "花仙子", age: 32, riji: '关于二十届三中全会决定的说明', note: '-'},
])
</script>

<template>
  <grid-table :columns="columns" :dataSource="dataSource"></grid-table>
</template>

<style scoped>

</style>
